技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。  创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条

1.rem适配安装postcss-plugin-px2rem(推荐)，也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--savepostCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2rem')({//换算基数，默认100，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。rootValue:75,unitPrecision:2,//允许

1.rem适配安装postcss-plugin-px2rem(推荐)，也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--savepostCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2rem')({//换算基数，默认100，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。rootValue:75,unitPrecision:2,//允许